<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>vue.js入门程序</title>
    <script src="vue.min.js"></script>
</head>
<body>
<div id="app">
    {{name}}
    <input>
    <button v-on:click="change">计算</button>
</div>
</body>
<script>
    // 实例化Vue对象
    //vm :叫做MVVM中的 View Model
    var VM = new Vue({
        el:"#app",//表示当前vue对象接管app的div区域
        data:{
            name:'黑马程序员',// 相当于是MVVM中的Model这个角色
            num1:0,
            num2:0,
            result:0,
            url:'http://www.itcast.cn'
        },
        methods:{
            change:function(){
                // this.result = Number.parseInt(this.num1)+Number.parseInt(this.num2)
                // alert(this.result)
                console.log(123)
            }
        }
    });
</script>
</html>